<template>
	<!-- 搜索栏 -->
	<!-- <navigator url="/cookbookPackage/pages/search/search">
		<view class="search-bar flex-ct">
			<image class="search-icon" src="/static/icons/search-icon.png" mode=""></image>
			共有100道菜
		</view>
	</navigator> -->
	<view class="search-bar flex-ct" @click="toSearchPage">
		<image class="search-icon" src="/static/icons/search-icon.png" mode=""></image>
		共有100道菜
	</view>

</template>

<script setup>
function toSearchPage() {
	uni.navigateTo({
		url: "/cookbookPackage/pages/search/search"
	})
}
</script>

<style scoped lang="scss">
	.search-bar {
		width: 686rpx;
		height: 74rpx;
		background: #fff;
		border-radius: 38rpx;
		box-shadow: 0rpx 4rpx 8rpx 0rpx #f3f3f3;
		margin: -37rpx auto 24rpx;
		font-size: 22rpx;
		color: #999;

		.search-icon {
			width: 26rpx;
			height: 26rpx;
			margin-right: 10rpx;
		}
	}
</style>